<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- 引入主题样式 -->
<link href="themes/gray/easyui.css" rel="stylesheet">
<link rel="stylesheet" href="css/bootstrap.css">
<!-- 引入图标的样式 -->
<link href="themes/icon.css" rel="stylesheet">
<!-- 先引入jquery -->
<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<!-- 引入easyui -->
<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="js/easyui-lang-zh_CN.js"></script>
</head>
<body style="background:#eee;">
	<div style="width: 100%;height: 70px;">
		<div style="margin-left: 10%"><h1 style="font-family: serif;"><a href="main.jsp">环境知识</a></h1></div>
	</div>
	<div class="container">
		<div class="row">
			<div class="col-xs-9">
				<div style="width: 100%;height: 500px; background: white;">
					<div style="margin-left: 2%;" align="center">
						<br>
						<span id="title" style="font-size: 30px">${title}</span>
					</div>
					<br>
					<div>
						<div style="margin-top: 2%;">
							<div style="width: 30%;float: left;margin-left: 27%;">日期:<span id="date">${date}</span></div>
							<div style="width: 30%;float: right;">游览量:<span id="watch">${cnumber}</span></div>
						</div>
					</div>
					<div style="margin-top: 5%;">
						<hr>
					</div>
					<!-- 文章正文  -->
					<div id="article" style="margin-left: 7%;">
						<span style="font-size: 20px">
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;${content}
						</span>
					</div>
				</div>
			</div>
			<div class="col-xs-3">
				<div style="width: 100%;height: 500px; background: white;">
					<div style="width: 100%;height: 120px;">
						<span id="manager" style="margin-top: 5%;margin-left: 2%;font-size: 30px">${user.uname}</span>
						<span style="font-size: 30px">管理员</span>
						<br><br>
						员工号：<span id="managerID">${user.uid}</span>
					</div>
					<hr>
					<div style="width: 100%;height: 150%">
						<span style="margin-left: 2%;">相关推荐:</span><br>
						<ul>
							<c:forEach items="${list}" var="content">
								<li><a href="showContent?cid=${content.cid}">${content.ctitle}&nbsp;${content.ctime}</a></li>
							</c:forEach>
						</ul>
					</div>
				</div>
			</div>			
		</div>
	</div>
</body>
</html>